@import "app_var.scss";

.app_header{
  position: fixed;
  top:$position_top_zero;
  left: $position_left_zero;
  width:$width_fill;
  height: $height_header;
  line-height: $height_header;
  background-color: $bg_header;
  display: -webkit-flex;
  display: flex;
  border-bottom: $border_width $border_color $border_solid_type;
};

.app_logo_closed{
  position: relative;
  left: $position_left_zero;
  background-color: #f90;
  height: $height_header;
  width: $width_siderbar_closed;
  line-height: $height_header;
  border-right: $border_width $border_color $border_solid_type;
  display: inline-block;
}
.app_logo_expend{
  position: relative;
  left: $position_left_zero;
  background-color: #f90;
  height: $height_header;
  line-height: $height_header;
  width: $width_siderbar_expend;
  border-right: $border_width $border_color $border_solid_type;
  display: inline-block;
}


.app_header_main{
  display: flex 1;
  position: relative;
  width: $width_fill;
  line-height: $height_header;
  height: $height_header;
  background-color: #F70  ;
};
.app_content{
    position: fixed;
    left: $position_left_zero;
    top: $height_header;
    display: flex;
    width: $width_fill;
    height: $height_fill;
    background-color: #034;
}

.app_siderbar_expend{
  position: relative;
  display: flex 0;
  background-color: #f00;
  height: $height_fill;
  width: $width_siderbar_expend;
  border-right: $border_width $border_color $border_solid_type;
};

.app_siderbar_closed{
  position: relative;
  background-color: #f00;
  height: $height_fill;
  width: $width_siderbar_closed;
  border-right: $border_width $border_color $border_solid_type;
  display: block;
};

.app_main{
  display: flex 1;
  position: relative;
  width: $width_fill;
  height: $height_fill;
  background-color: #F6F  ;
};

.app_tab{

};
